﻿<div class="jarry-carousel">
    <div id="myCarousel" class="carousel slide carousel-fade">
        <ol class="carousel-indicators hidden-sm hidden-xs">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
            <li data-target="#myCarousel" data-slide-to="3"></li>
            <li data-target="#myCarousel" data-slide-to="4"></li>
            <li data-target="#myCarousel" data-slide-to="5"></li>
            <li data-target="#myCarousel" data-slide-to="6"></li>
        </ol>
        <!-- Carousel items -->
        <div class="carousel-inner">
            <div class="active item">
                <img src="~/Content/Default/Images/banner_4.JPG" />
                <div class="carousel-caption hidden-sm hidden-xs">
                    @*<div class="offers"><img class="offers" src="~/Content/Default/Images/offers.png" /></div>*@
                </div>
                @*<div class="carousel-caption hidden-sm hidden-xs">
                        <div class="cr-head1">Jerry's Jungle Huts' is nestled in the foothills of Himalayas overlooking Dhauladhar Mountains</div>
                        <div class="cr-head2">A vast forest reserve</div>
                    </div>*@
            </div>
            <div class="item">
                <img src="~/Content/Default/Images/banner_1.JPG" />
                <div class="carousel-caption hidden-sm hidden-xs">
                </div>
            </div>
            <div class="item">
                <img src="~/Content/Default/Images/banner_3.JPG" />
                <div class="carousel-caption hidden-sm hidden-xs">
                </div>
            </div>
            <div class="item">
                <img src="~/Content/Default/Images/banner_2.JPG" />
                <div class="carousel-caption hidden-sm hidden-xs">
                </div>
            </div>
            <div class="item">
                <img src="~/Content/Default/Images/banner_5.JPG" />
                <div class="carousel-caption hidden-sm hidden-xs">
                </div>
            </div>
            <div class="item">
                <img src="~/Content/Default/Images/banner_6.JPG" />
                <div class="carousel-caption hidden-sm hidden-xs">
                </div>
            </div>
            <div class="item">
                <img src="~/Content/Default/Images/banner_7.JPG" />
                <div class="carousel-caption hidden-sm hidden-xs">
                </div>
            </div>
        </div>
        <!-- Carousel nav -->
        <a class="left carousel-control" href="#myCarousel" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a class="right carousel-control" href="#myCarousel" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
    </div>
</div>